.i-dialog {
    position: fixed;
    _position: absolute;
    display: none;
}

    .i-dialog .i-target {
        padding: 2px 5px;
        line-height: 32px;
        background-color: #fff;
        cursor: move;
        border: 8px solid #e0e2e4;
        border-bottom: none;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
        .i-dialog .i-target h2 {
            margin: 0;
            padding: 5px 40px 0 10px;
            font-size: 14px;
            font-weight: normal;
            font-family: "微软雅黑",'Microsoft yahei', Tahoma, Verdana, Arial, sans-serif;
            line-height: 32px;
            border-bottom: 1px solid #d3d8dc;
        }
    .i-dialog .i-close {
        position: absolute;
        display: block;
        top: 15px;
        right: 24px;
        font-size: 21px;
        font-weight: bold;
        line-height: 1;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: 0.2;
    }

.i-dialog .i-close:hover{opacity: 1;}
    .i-dialog .i-out-content {
        clear: both;
        font-size: 12px;
        background-color: #FFF;
        border: 8px solid #e0e2e4;
        border-top: none;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
        
    .i-dialog .i-wrapBtn {
        text-align: right;
        text-align: center;
        padding-bottom: 10px;
        background-color:#FFFFFF;
        border-bottom-left-radius:15px;
        border-bottom-right-radius:15px;
    }
        .i-dialog .i-wrapBtn input {
            outline: none;
            background-image: none;
            border: none;
            cursor: pointer;
            display: inline-block;
            font-size: 14px;
            font-weight: normal;
            line-height: 1.42857;
            margin: 2px 8px;
            padding: 7px 28px;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
            background-color: #64625F;
            color: #FFFFFF;
            min-width: 70px;
            _width: 70px;
        }
.i-dialog .i-wrapBtn input:hover{
	background-color: #000000;
    color:#FFFFFF;
}

.i-dialog .i-wrapBtn input.red{
    background-color: #FF8710;
    color: #fff;
}
.i-dialog .i-wrapBtn input.red:hover{
    background-color: #E54B4B;
}

.i-dialog .i-wrapBtn input.green{
    background-color: #6dd0b6;
    color: #fff;
}
.i-dialog .i-wrapBtn input.green:hover{
	background-color: #61c0a7;
}
.i-target + .i-content + .i-wrapBtn {
    /* padding-bottom: 40px; */
}
.right-bottom-btn{
    background-color: transparent!important;
    color: #969696!important;
    text-decoration:underline ;
    position: absolute;
    right: 0;
    bottom: 0;
}
.i-dialog .i-wrapBtn input.i-disabled,.i-dialog .i-wrapBtn input.i-disabled:hover{
	color: #C1BBBB;
	cursor:not-allowed;
	background-color: #ebebeb;
	border-color: #DEDEDE;
}
.i-dialog-lock{position:absolute;width:100%;height:1300px;overflow:hidden;left:0;top:0;opacity:0;filter:alpha(opacity=0);background:#000;}
.i-dialog-lock iframe{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1000;opacity:0;filter:alpha(opacity=0);  }

.i-dialog-lock{
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	-ms-transition:opacity .3s;
	transition:opacity .3s;
}
.i-scale,.i-super-scale,.i-right-slide,.i-top-slide{
	-webkit-transition-property:-webkit-transform, opacity;
	-moz-transition-property:-moz-transform, opacity;
	-ms-transition-property:-ms-transform, opacity;
	transition-property:transform, opacity;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-ms-transition-duration:.3s;
	transition-duration:.3s;
}
.i-scale {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}
.i-scale.i-show {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.i-super-scale {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
}

.i-super-scale.i-show {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.i-right-slide{
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-ms-transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.i-right-slide.i-show {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.i-top-slide{
	-webkit-transform: translateY(-500px);
	-moz-transform: translateY(-500px);
	-ms-transform: translateY(-500px);
	transform: translateY(-500px);
	opacity: 0;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-ms-transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition-timing-function:cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.i-top-slide.i-show {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.i-new-taps{
    margin: 0;padding: 0;overflow: hidden;border-bottom: 1px solid #d3d8dc;
}

.i-new-taps li{
    float: left;padding: 5px 15px;cursor: pointer;color: #000;
}

.i-new-taps > li a:hover {
  text-decoration: none;
  color: #686868;
}
.i-new-taps > li.i-active{
    border-bottom: 2px solid #ff0000;font-weight: 600;
}